<%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8"%>
<%@ taglib uri="/struts-tags" prefix="s" %>
<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title>小米商城</title>
		<link rel="stylesheet" type="text/css" href="./css/style.css">
		<link rel="stylesheet" type="text/css" href="css/index.css">
		  <link rel="stylesheet" href="layui/css/layui.css" media="all">
		<script src="js/jquery-1.10.1.min.js"></script>
		<script src="js/index.js"></script>
		<script src="layui/layui.js"></script>
	</head>
	<body>
	<!-- start header -->
		<header>
			<div class="top center">
				<div class="left fl">
					<ul>
						<li><a href="https://www.mi.com/">小米商城</a></li>
						<li>|</li>
						<li><a href="https://www.vmall.com/index.html">华为商城</a></li>
						<li>|</li>
						<li><a href="http://www.vivo.com.cn/">VIVO</a></li>
						<li>|</li>
						<li><a href="http://hd.oppo.com/act/2018/1025/index.html">OPPO</a></li>
						<li>|</li>
						<li><a href="https://www.samsung.com/cn/">三星</a></li>
						<li>|</li>
						<li><a href="https://shop.lenovo.com.cn/">联想官方商城</a></li>
						<li>|</li>
						<li><a href="https://www.smartisan.com/">锤子科技</a></li>
						<li>|</li>
						<li><a href="http://www.nubia.com/cn/">努比亚手机</a></li>
						<li>|</li>
						<li><a href="https://www.oneplus.com/cn/">一加手机</a></li>
						<li>|</li>
						<li><a href="https://www.apple.com/cn/">Apple(中国)</a></li>
					</ul>
				</div>
				<div class="right fr">
					<div class="gouwuche fr"><a href="gouwuche.html">购物车</a></div>
					<div class="fr">
						<ul>
							<li><a href="./login.html" target="_blank">登录</a></li>
							<li>|</li>
							<li><a href="./register.html" target="_blank" >注册</a></li>
						</ul>
					</div>
					<div class="clear"></div>
				</div>
				<div class="clear"></div>
			</div>
		</header>
	<!--end header -->

<!-- start banner_x -->
		<div class="banner_x center">
			<a href="./index.html" target="_blank">
			<!-- 商城logo -->
			<div class="logo fl"></div>
			</a>
			<a href=""></a>
			<div class="nav fl navbar">
				<ul></ul>
			</div>
			<div class="search fr">
				<form action="" method="post">
					<div class="text fl">
						<input type="text" class="shuru"  placeholder="小米6&nbsp;小米MIX现货">
					</div>
					<div class="submit fl">
						<input type="submit" class="sousuo" value="搜索"/>
					</div>
					<div class="clear"></div>
				</form>
				<div class="clear"></div>
			</div>
		</div>
<!-- end banner_x -->

	<!-- start banner_y -->
		<div class="banner_y center">
			<div class="nav leftnavbar">				
				<ul>
				<!-- 生成10个li，10个手机 -->
				<s:iterator begin="1" end="10">
					<li>
						<div class="pop">
							<div class="left fl leftdiv"></div>
							<div class="ctn fl centerdiv"></div>
							<div class="right fl rightdiv"></div>
						</div>
					</li>
				</s:iterator>
				</ul>
			</div>
		<div class="layui-carousel" id="maximgdiv">
			<div carousel-item>
				<div class="maximg_2"></div>
				<div class="maximg_4"></div>
				<div class="maximg_5"></div>
			</div>
		</div>
	</div>	

		<div class="sub_banner center">
		<a href=""><img src="./image/hongmi4x.png" class="centerimg"></a>
		<a href=""><img src="./image/mi6.jpg" class="centerimg"></a>	
		<a href=""><img src="./image/mi8.jpg" class="centerimg"></a>
		<a href=""><img src="./image/xiaomi5.jpg" class="centerimg"></a>
		</div>
	<!-- end banner -->
	<div class="tlinks">Collect from <a href="http://www.cssmoban.com/" >企业网站模板</a></div>

	<!-- start danpin -->
	<!-- 明星单品，销量最多的前五个 -->
		<div class="danpin center">
			<div class="biaoti center">明星单品</div>
			<div class="main center hot_phone">
				<div class="clear"></div>
			</div>
		</div>
		<div class="peijian w">
			<div class="biaoti center">　热评精品</div>
			<div class="main center">
				<div class="content"></div>
				<div class="content"></div>				
			</div>
		</div>
		<iframe src="footer.html" width="100%" height="40px" scrolling="no"  noresize="noresize" frameborder="0"></iframe>
	</body>
</html>